<%@page import="tournoi.modele.Rencontre.InfoSupplementaire"%>
<%@page import="tournoi.modele.Rencontre"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"
	import="java.util.ArrayList, tournoi.modele.Rencontre, tournoi.modele.But"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html class="no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<title>Match</title>
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">
	
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<style>
	body {
		padding-top: 50px;
		padding-bottom: 20px;
	}
	</style>
	<link rel="stylesheet" href="css/bootstrap-theme.min.css">
	<link rel="stylesheet" href="css/main.css">
	
	<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index">Gestion de
					Tournoi</a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav">
					<li><a href="index">Accueil</a></li>
					<li class="active"><a href="index?action=listeTournois">Tournois</a></li>
					<li><a href="index?action=listeEquipes">Equipes</a></li>
					<li><a href="index?action=listeArbitres">Arbitres</a></li>
					<li><a href="admin">Admin menu</a></li>
				</ul>
			</div>
			<!--/.navbar-collapse -->
		</div>
	</div>
	<!-- ******************** -->
	<!-- ******************** -->
	<!-- CODE INTERESSANT ICI -->
	<!-- ******************** -->
	<!-- ******************** -->   
	<div class="container">
		<%
			Rencontre r = (Rencontre) request.getAttribute("match");
		String arbitre = (r.getArbitre() != null ? r.getArbitre().getNom() : "Pas encore choisi");
		%>
		<h3 style="text-align: center;">
			Rencontre :
			<%=r.getEquipeUne().getNomEquipe()%>
			vs
			<%=r.getEquipeDeux().getNomEquipe()%></h3>
		<h4 style="text-align: center;">Arbitre : <%=arbitre %></h4>
		<hr>
		<!-- ETAT DU MATCH -->
		<div class="btn-group">
			<% int info = r.infoToInt(); %>
			<c:set var="etape" value="<%=info%>" />
			<button type="button" class="btn btn-default">Normal</button>
			<button <%if(info<1) {%> disabled="disabled" <%}%> type="button"
				class="btn btn-default">Prolongations</button>
			<button <%if(info<2) {%> disabled="disabled" <%}%> type="button"
				class="btn btn-default">Tirs au but</button>
		</div>
		<!-- FIN ETAT DU MATCH -->
		<hr>
		<div class="row">
			<!-- Equipe 1 -->
			<div class="col-md-4 col-md-offset-1">
				<h3>
					<%=r.getEquipeUne().getNomEquipe()%></h3>
				<table class="table table-striped">
					<tr>
						<th>Buts :</th>
					</tr>
					<%
						if(r.getButEquipeUne() != null && !r.getButEquipeUne().isEmpty()) {
							for(But b : r.getButEquipeUne())  {
					%>

					<tr>
						<td><%=b.message()%></td>
					</tr>
					<%
							}
						} else {
					%>
					<tr>
						<td>Pas de but !</td>
					</tr>
					<%
						}
					%>
				</table>
				<hr>
				<c:if test="${etape == 2}">
					<table class="table table-striped">
						<tr>
							<th>Tirs au buts :</th>
						</tr>
						<%
							if(r.getTirsAuButEquipeUne() != null && !r.getTirsAuButEquipeUne().isEmpty()) {
								for(But b : r.getTirsAuButEquipeUne())  {
						%>

						<tr>
							<td><%=b.getNom()%></td>
						</tr>
						<%
								}
							} else {
						%>
						<tr>
							<td>Pas de but !</td>
						</tr>
						<%
							}
						%>
					</table>
				</c:if>
			</div>
			<!-- Equipe 2 -->
			<div class="col-md-4 col-md-offset-2">
				<h3>
					<%=r.getEquipeDeux().getNomEquipe()%></h3>
				<table class="table table-striped">
					<tr>
						<th>Buts :</th>
					</tr>
					<%
						if(r.getButEquipeDeux() != null && !r.getButEquipeDeux().isEmpty()) {
							for(But b : r.getButEquipeDeux())  {
					%>

					<tr>
						<td><%=b.message()%></td>
					</tr>
					<%
							}
						} else {
					%>
					<tr>
						<td>Pas de but !</td>
					</tr>
					<%
						}
					%>
				</table>
				<hr>
				<c:if test="${etape == 2}">
					<table class="table table-striped">
						<tr>
							<th>Tirs au buts :</th>
						</tr>
						<%
							if(r.getTirsAuButEquipeDeux() != null && !r.getTirsAuButEquipeDeux().isEmpty()) {
								for(But b : r.getTirsAuButEquipeDeux())  {
						%>

						<tr>
							<td><%=b.getNom()%></td>
						</tr>
						<%
								}
							} else {
						%>
						<tr>
							<td>Pas de but !</td>
						</tr>
						<%
							}
						%>
					</table>
				</c:if>
			</div>
		</div>
		<hr>
	<a href="index?action=voirTournoi&id=<%=r.getTournoi() %>" class="btn btn-default" role="button">
	<span class="glyphicon glyphicon-chevron-left"></span> Retour
	</a>
	<!-- ************************ -->
	<!-- ************************ -->
	<!-- FIN CODE INTERESSANT ICI -->
	<!-- ************************ -->
	<!-- ************************ -->   
	<hr>
	<footer>
		<p class="text-muted credit">&copy; Benoît Boyer, Antoine Leguy &
			Pierre-Antoine Milot 2013</p>
	</footer>
	</div>
	<!-- /container -->
	<script
		src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
	<script>
		window.jQuery
				|| document
						.write('<script src="js/vendor/jquery-1.10.1.min.js"><\/script>')
	</script>

	<script src="js/vendor/bootstrap.min.js"></script>

	<script src="js/main.js"></script>
</body>
</html>
